<template>
	<view class="page">
		<view class="page-bg"></view>
		<uni-nav-bar ref="navBar" fixed statusBar :border="false" backgroundColor="transparent"  left-width="36px" @clickLeft="linkCenter">
			<template v-slot:left>
				<image class="size-32" src="@/static/svg/icon-back.svg"/>
			</template>
			<template>
				<view class="flex item-center justify-center" style="width: 100%;margin-right: 32px;">
					<image src="@/static/image/home-logo.png" class="size-32 mr-4" style="border-radius: 50%;">
					</image>
					<view class="flex item-center">
						<text class="text-bold font-16" style="margin-right: 4px;">火动通告 </text> |
						<text class="font-16" style="margin-left: 4px;">商家端</text>
					</view>
				</view>
			</template>
		</uni-nav-bar>
		<view class="content flex flex-col justify-center">
			<image src="@/applyPages/static/icon-rebuild.svg" mode="widthFix" class="icon-loading"></image>
			<view class="load-text">链接失效</view>
			<view class="load-tip">邀请链接已过期，您的专享权益已失效</view>
			<view class="release-btn" @click="nextStep">仍要入驻</view>
		</view>
	</view>
</template>

<script setup>
	const linkCenter = () => {
		uni.redirectTo({
			url: '/pages/home/home?tab=4'
		});
	}
	const nextStep = async () => {
		uni.redirectTo({
			url: `/applyPages/bussinessApply/bussinessAgreement`
		})
	}
</script>

<style scoped lang="scss">
.page {
	position: relative;
	width: 100vw;
	height: 100vh;
	background-color: #ffffff;
}
.content{
	position: relative;
	z-index: 1;
}
.icon-loading{
		width: 100px;
		margin: 20px auto;
	}
	.load-text{
		font-size: 16px;
		font-weight: 600;
		line-height: 22px;
		text-align: center;
	}
	.load-tip{
		font-size: 12px;
		font-weight: 400;
		line-height: 17px;
		text-align: center;
		color: rgba(51, 51, 51, 0.6);
		margin-top: 12px;
	}
	.load-msg{
		margin: 20px;
		padding: 10px;
		background: rgba(245, 245, 245, 1);
		border-radius: 12px;
		font-size: 12px;
		font-weight: 400;
		line-height: 17px;
		text-align: center;
		color: rgba(51, 51, 51, 0.6);
	}
	.release-btn {
		// width: 343px;
		height: 46px;
		padding: 12px, 20px, 12px, 20px;
		border-radius: 8px;
		// gap: 10px;
		background: #FA4543;
		color: #ffffff;
		margin: 20px 20px;
		text-align: center;
		line-height: 46px;

		&.unactive {
			background: rgba(169, 171, 172, 1);
		}
	}
</style>
